/**
 * 浏览量跟踪组件
 * 在文章详情页加载时自动增加浏览量
 */

'use client';

import { useEffect } from 'react';

interface ViewTrackerProps {
  postId: string;
}

/**
 * 浏览量跟踪组件
 * @param postId 文章ID
 * @returns null（不渲染任何内容）
 */
export default function ViewTracker({ postId }: ViewTrackerProps) {
  useEffect(() => {
    // 页面加载时增加浏览量
    const trackView = async () => {
      try {
        await fetch(`/api/posts/${postId}/view`, {
          method: 'POST',
        });
      } catch (error) {
        console.error('跟踪浏览量失败:', error);
      }
    };

    trackView();
  }, [postId]);

  return null; // 不渲染任何内容
}
